const merge = require('webpack-merge');
const webpack = require('webpack');
const common = require('./webpack.config.js')

module.exports = merge(common,{
	mode:"development",
	devServer: {
		contentBase: false,// 默认webpack-dev-server会为根文件夹提供本地服务器，如果想为另外一个目录下的文件提供本地服务器，应该在这里设置其所在目录
	    historyApiFallback: true,// 在开发单页应用时非常有用，它依赖于HTML5 history API，如果设置为true，所有的跳转将指向index.html
	    compress: true,// 启用gzip压缩
	    // open:true, //自动打开浏览器
	    inline: true,// 设置为true，当源文件改变时会自动刷新页面
	    hot: true,// 模块热更新，取决于HotModuleReplacementPlugin
	    host: '192.168.124.8',// 设置默认监听域名，如果省略，默认为“localhost” 192.168.124.8
	    port: 2333// 设置默认监听端口，如果省略，默认为“8080”
	},

	plugins: [
		new webpack.HotModuleReplacementPlugin() //热更新
    ],
    devtool: 'inline-source-map'

})